<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>订单页</title>
		<link rel="stylesheet" type="text/css" href="css/aui/order.css">
	</head>
	<body>
		<div class="aui-content">
			<header class="aui-bar aui-bar-nav" style="background:#f5f5f5;color:#000;border-bottom:1px solid #ccc;">
				<a href="person.html" class="aui-pull-left">
					<span class="aui-iconfont aui-icon-left" style="color:#000;"></span>
				</a>
				<div class="aui-title">订单页</div>
				<a class="aui-pull-right">
					<span class="aui-iconfont aui-icon-more" style="color:#000;" aui-popup-for="top-right"></span>
				</a>
				<div class="aui-popup aui-popup-top-right" id="top-right">
					<div class="aui-popup-arrow"></div>
					<div class="aui-popup-content">
						<ul class="aui-list aui-list-noborder">
							<li class="aui-list-item">
								<div class="aui-list-item-label-icon">
									<i class="aui-iconfont aui-icon-home aui-text-warning"></i>
								</div>
								<div class="aui-list-item-inner aui-list-item-middle">
									<a href="index.html">首页</a>
								</div>
							</li>
							<li class="aui-list-item">
								<div class="aui-list-item-label-icon">
									<i class="aui-iconfont aui-icon-search aui-text-info"></i>
								</div>
								<div class="aui-list-item-inner">
									<a href="#">搜索</a>
								</div>
							</li>
							<li class="aui-list-item">
								<div class="aui-list-item-label-icon">
									<i class="aui-iconfont aui-icon-cart aui-text-default"></i>
								</div>
								<div class="aui-list-item-inner">
									<a href="cart.html">购物车</a>
								</div>
							</li>
							<li class="aui-list-item">
								<div class="aui-list-item-label-icon">
									<i class="aui-iconfont aui-icon-comment aui-text-danger"></i>
								</div>
								<div class="aui-list-item-inner">
									<a href="#">消息</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</header>
			<!-- --搜索框-- -->
			<div class="aui-searchbar" id="search">
				<div class="aui-searchbar-input aui-border-radius" tapmode onclick="doSearch()">
					<i class="aui-iconfont aui-icon-search"></i>
					<form action="javascript:search();">
						<input type="search" placeholder="请输入搜索内容" id="search-input">
					</form>
				</div>
				<div class="aui-searchbar-cancel" tapmod>取消</div>
			</div>
			<!-- --切换-- -->
			<div class="aui-tab" id="tab">
				<div class="aui-tab-item aui-active">全部</div>
				<div class="aui-tab-item">待付款</div>
				<div class="aui-tab-item">待发货</div>
				<div class="aui-tab-item">待收货</div>
				<div class="aui-tab-item">待评价</div>
			</div>
			<!----新用户---->
			<!--<div class="aui-row cart">
				<img src="img/order_w.png" class="img-responsive">
			</div>
			<div class="aui-row" style="text-align:center;margin-top:20px;">
				<h3>您还没有相关的订单</h3>
				<p style="font-size:13px;padding-top:15px;font-family:微软雅黑;">可以去看看哪些想要买的</p>
			</div>
			<div class="aui-row" style="margin-top:20px;text-align:center;">
				<a href="index.html" style="color:#000;border:1px solid #ccc;background:#fff;font-size:14px;">随便逛逛</a>
			</div>
			<div class="aui-row copyright">Copyright&nbsp;@&nbsp;2007-2016 Bizpower版权所有</div>-->
			<!----新用户 end---->
			<!----老用户---->
			<div class="aui-list aui-media-list" style="margin-top:0.5rem;">
				<div class="aui-list-header" style="background-color:#FFFFFF;">
					<div class="aui-row">
						<div class="aui-col-xs-6">淘宝旗舰店</div>
						<div class="aui-col-xs-6" style="color:red;text-align: right;">交易成功</div>
					</div>
				</div>
				<div class="aui-list-item" style="background-color:#f5f5f5;padding-left: 0rem;">
					<div class="aui-media-list-item-inner">
						<div class="aui-list-item-media">
							<img src="img/b4.jpg" />
						</div>
						<div class="aui-list-item-inner">
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">女士口红</div>
								<div class="aui-list-itme-right">￥9.90</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title">颜色：深红</div>
								<div class="aui-list-itme-right">x1</div>
							</div>
							<div class="aui-list-item-text">
								<div class="aui-list-item-title" style="border:1px solid red;color:red;">七天退换</div>
							</div>
						</div>
					</div>
					<div class="aui-info" style="background-color:#FFFFFF;margin-right:0;">
						共1件商品　合计：￥9.90（含运费￥0.00）
					</div>
					<div class="aui-info" style="background-color:#FFFFFF;border-top:1px solid;">
						<div class="aui-col-xs-3" style="padding-left:5%;">更多</div>
						<div class="aui-col-xs-3" style="padding-left:5%;">查看物流</div>
						<div class="aui-col-xs-3" style="padding-left:5%;">卖了换钱</div>
						<div class="aui-col-xs-3" style="padding-left:5%;">评价</div>
					</div>
				</div>
			</div>
			<!----老用户 end---->
		</div>
		<script type="text/javascript" src="js/aui/aui-popup.js"></script>
		<script type="text/javascript" src="js/aui/aui-tab.js"></script>
		<script>
		// 切换工具栏
			var tab = new auiTab({
		        element:document.getElementById("tab"),
		        index:1,
		        repeatClick:false
		    },function(ret){
		        console.log(ret);
		    });
			// 侧栏小弹窗
			var popup=new auiPopup();
			function showPopup(){
        		popup.show(document.getElementById("top-right"))
			}
		</script>
	</body>
</html>